#tab-orders-view {
  background-color: #f0f0f0;
  .clean{
    right:10px;
  }
  .no-order {
    text-align: center;
    img {
      width: 100px;
      height: 100px;
      margin-top: 100px
    }
    .no-order-notify {
      font-size: 16px;
      margin-top: 10px
    }
    .no-order-ad {
      font-size: 16px;
      color: #949494;
      margin-top: 40px
    }
    button {
      margin-top: 12px;
      font-size: 15px;
      min-width: 0 !important;
      min-height: 0 !important;
      width: auto;
      height: 40px;
      line-height: 20px;
      padding: 10px;
      border-radius: 8px
    }
  }
  .order-container{
    margin-top: 10px;
    background: #ffffff;
    .left{
      line-height: 50px;
      float: left;
    }
    .right{
      line-height: 50px;
      float: right;
    }

    .header-container{
      height: 50px;
      padding: 14px 15px;
      width: 100%;
      font-size: 14px;
      line-height: 20px;
      .isypk,.notypk{
        padding-right: 20px;
        background-size: 16px;
        background-repeat: no-repeat;
        background-position: right center;
      }
      .notypk{
        background-image: url('img/tab-orders/notypk.png');
      }
      .isypk{
        background-image: url('img/tab-orders/isypk.png');
      }

    }
    .body-container{
      height: 122px;
      background: #ffffff;
      width: 100%;
      position: relative;
      border: 1px solid #eaeaea;
      padding: 10px;
      display: table;
      .item-container{
        font-size: 16px;
        height: 100px;
        width: 100px;
        padding: 5px;
        img {
          background: #ffffff;
          width: 100%;
          height: 100%;
        }
      }
      .content-container{
        position: absolute;
        left:110px;
        top:10px;
        right:0;
        vertical-align: middle;
        background: #ffffff;
        height: 100px;
        .line{
          clear: both;
          width: 100%;
          height: auto;
          font-size: 15px;
          padding: 0 10px;
          line-height: 20px;
          font-weight: 500;
          :first-child{
            float: left;
            display: block;
            max-width: 74%;
          }
        }
      }
    }

    .footer-container{
      height: 50px;
      padding: 15px 15px;
      .left,.right{
        color:#ff0000;
        font-size: 15px;
        line-height: 20px;
      }

    }
    
  }

  .swiper-x{
    div:nth-child(4){
      border-right: none !important;
    }
    .class-container{
      width: 25%;
      span{
        padding: 5px;
      }
    }

  }
  .platform-ios.platform-cordova #searchLabel{
    margin-top:0 !important;
  }

}
.platform-ios.platform-cordova .clean{
  margin-top:10px !important;
}